<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
    <TabBar>
        <!--<TabBarItem path="/home" activeColor="blue">-->
        <TabBarItem path="/home">
            <template v-slot:item-icon>
                <img src="~assets/img/home.svg"/>
            </template>
            <template v-slot:item-icon-active>
                <img src="~assets/img/home_active.svg"/>
            </template>
            <template v-slot:item-text>
                <div>首页</div>
            </template>
        </TabBarItem>
        <TabBarItem path="/category">
            <template v-slot:item-icon>
                <img src="~assets/img/category.svg"/>
            </template>
            <template v-slot:item-icon-active>
                <img src="~assets/img/category_active.svg"/>
            </template>
            <template v-slot:item-text>
                <div>分类</div>
            </template>
        </TabBarItem>
        <TabBarItem path="/cart">
            <template v-slot:item-icon>
                <img src="~assets/img/cart.svg"/>
            </template>
            <template v-slot:item-icon-active>
                <img src="~assets/img/cart_active.svg"/>
            </template>
            <template v-slot:item-text>
                <div>购物车</div>
            </template>
        </TabBarItem>
        <TabBarItem path="/profile">
            <template v-slot:item-icon>
                <img src="~assets/img/profile.svg"/>
            </template>
            <template v-slot:item-icon-active>
                <img src="~assets/img/profile_active.svg"/>
            </template>
            <template v-slot:item-text>
                <div>我的</div>
            </template>
        </TabBarItem>
    </TabBar>
</template>

<script>
    import TabBar from 'components/common/tabbar/TabBar'
    import TabBarItem from 'components/common/tabbar/TabBarItem'
    export default {
        name: "MainTabbar",
        components: {
            TabBar,
            TabBarItem
        }
    }
</script>

<style scoped>

</style>
